import Loadable from 'react-loadable';
import PageLoading from '../../components/PageLoading';

// import BasicTable from './BasicTable';
// import GeneralTable from './GeneralTable';
// import Reservation from './Reservation';
//import { CreateProject } from './MyProject';

const BasicTable = Loadable({
    loader: () => import(/* webpackChunkName: "BasicTable" */ './BasicTable'),
    loading: PageLoading,
});

const GeneralTable = Loadable({
    loader: () => import(/* webpackChunkName: "GeneralTable" */ './GeneralTable'),
    loading: PageLoading,
});

const Reservation = Loadable({
    loader: () => import(/* webpackChunkName: "Reservation" */ './Reservation'),
    loading: PageLoading,
});

const MyProject = Loadable({
    loader: () => import(/* webpackChunkName: "MyProject" */ './MyProject'),
    loading: PageLoading,
});

const CreateProject = Loadable({
    loader: () => import(/* webpackChunkName: "CreateProject" */ './CreateProject'),
    loading: PageLoading,
});

const TemplateManage = Loadable({
    loader: () => import(/* webpackChunkName: "TemplateManage" */ './TemplateManage'),
    loading: PageLoading,
});

const ProcessDefinition = Loadable({
    loader: () => import(/* webpackChunkName: "ProcessDefinition" */ './ProcessDefinition'),
    loading: PageLoading,
});

const ProcessTask = Loadable({
    loader: () => import(/* webpackChunkName: "ProcessTask" */ './ProcessTask'),
    loading: PageLoading,
});

const ProcessInstance = Loadable({
    loader: () => import(/* webpackChunkName: "ProcessInstance" */ './ProcessInstance'),
    loading: PageLoading,
});

export {
    BasicTable,
    GeneralTable,
    Reservation,
    MyProject,
    CreateProject,
    TemplateManage,
    ProcessDefinition,
    ProcessTask,
    ProcessInstance,
};
